Testo dell'esercizio

Si scriva il codice javascript necessario ad implementare la seguente funzionalità in una pagina HTML: clickando su un elemento di tipo <div> questo viene selezionato evidenziandolo con un bordo di colore rosso (alla proprietà borderColor si assegna il valore “red”). Clickando su un secondo elemento se questo è della stessa classe (proprietà className) dell'elemento selezionato in precedenza, si scambiano i colori del testo (proprietà color) e l'elemento precedente viene deselezionato (a borderColor viene assegnato il valore “initial”). Se la classe dei due elementi è diversa non si fa nulla.

DIV Swap

Click the following elements

Elemento DIV di classe color

Elemento DIV di classe font

Elemento DIV di classe font

Elemento DIV di classe color